﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<UI.Models.UserModel>" %>

<%@ Import Namespace="UI.Helper" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <%= Utils.IncludeJS(this.Html, "~/Scripts/jquery.validate.min.js")%>
    <%= Utils.IncludeJS(this.Html, "~/Scripts/jquery.blockUI.js")%>
    <style type="text/css">
        label.error
        {
            float: none;
            color: red;
            padding-left: .5em;
            vertical-align: top;
            font-weight: bold;
        }
    </style>
    <td valign="top">
        <% using (Html.BeginForm("SendEmail", "Home", FormMethod.Post, new { id = "Contactform", name = "Contactform" }))
           {%>
        <table width="100%" cellspacing="0" cellpadding="0">
            <tr>
                <td>
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td align="center" valign="top" class="Backround-black-01">
                    <table width="100%" cellspacing="3" cellpadding="3">
                        <tr>
                            <td valign="top">
                                <table width="100%" cellspacing="2" cellpadding="2">
                                    <tr>
                                        <td height="246" align="left" valign="top">
                                            <table width="100%" cellspacing="0" cellpadding="0">
                                                <tr>
                                                    <td height="38" valign="top">
                                                        <table style="border-bottom: 1px dotted #999999;" width="100%" cellspacing="0" cellpadding="0">
                                                            <tr>
                                                                <td height="35" class="Title-yellow">
                                                                    Liên hệ
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td valign="top">
                                                        <table width="100%" cellspacing="5" cellpadding="4">
                                                            <tr>
                                                                <td class="Title-white1">
                                                                    Công ty TNHH TM-DV Bất Động Sản PHÚ DUY
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td valign="top" class="Text-blue-big">
                                                                    <table width="100%" cellspacing="1" cellpadding="2">
                                                                        <tr>
                                                                            <td class="Text">
                                                                                <span class="Title-blue-bold">Địa chỉ:</span> 12A - ĐƯỜNG SỐ 8 - PHƯỜNG 4 - QUẬN
                                                                                8 - TP. HỒ CHÍ MINH <a href="#" onclick="ShowMap('mapContainer', 'map', '<%= ConfigurationManager.AppSettings["Address"] %>'); return false;"
                                                                                    class="Link-organe">xem bản đồ</a>
                                                                                <!-- map detail -->
                                                                                <div id="mapContainer" class="mapContainer" style="display: none">
                                                                                    <div style="width: 500px; height: 3px">
                                                                                    </div>
                                                                                    <div id="map" class="mapContent">
                                                                                    </div>
                                                                                    <div style="width: 500px; height: 10px">
                                                                                    </div>
                                                                                    <div style="width: 230px; height: 3px; float: left">
                                                                                    </div>
                                                                                    <div id="btnClose" class="button" style="height: 22px" onclick="UnBlock();">
                                                                                        <div id="innerButton" class="innerBtnBuy" style="height: 20px; font-size: 13px">
                                                                                            <div style="height: 2px; width: 86px">
                                                                                            </div>
                                                                                            &nbsp;&nbsp;Đóng bản đồ&nbsp;&nbsp;
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <!-- end map detail -->
                                                                                <script type="text/javascript">
                                                                                    function ShowMap(mapContainerId, mapId, address, displayText) {
                                                                                        //show container map before assign map
                                                                                        $('#' + mapContainerId).show();

                                                                                        DrawMap(mapId, address, true, displayText);
                                                                                        //hide container map after assign map
                                                                                        $('#' + mapContainerId).hide();

                                                                                        $.blockUI({ message: $('#' + mapContainerId) });
                                                                                    }

                                                                                    function UnBlock() {
                                                                                        $.unblockUI();
                                                                                        return false;
                                                                                    }
                                                                                </script>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td class="Text">
                                                                                Di động : 0908381199 - 0917492223
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td class="Text">
                                                                                Điện thoại : 08.3884.8926 &nbsp;&nbsp;&nbsp;Fax : 08.3850.7159
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td class="Text">
                                                                                Email : <a href="mailto:info@phuduy.com" class="Text">info@phuduy.com</a>
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td class="Text">
                                                                    Quý khách vui lòng liên lạc với chúng tôi theo địa chỉ trên hoặc gửi thông tin trực
                                                                    tiếp bằng mẫu gửi ở dưới, chúng tôi sẽ hồi đáp ngay khi nhận được thông tin.
                                                                    <br />
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td class="Text-blue-big">
                                                                    <table width="100%" cellspacing="4" cellpadding="4">
                                                                        <tr>
                                                                            <td width="22%" class="Text-right">
                                                                                Họ và tên :
                                                                            </td>
                                                                            <td width="78%">
                                                                                <div align="left">
                                                                                    <%: Html.TextBoxFor(c => c.Hoten)%>
                                                                                </div>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td class="Text-right">
                                                                                Địa chỉ :
                                                                            </td>
                                                                            <td>
                                                                                <div align="left">
                                                                                    <%: Html.TextBoxFor(c => c.DiaChi)%>
                                                                                </div>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td class="Text-right">
                                                                                Điện thoại :
                                                                            </td>
                                                                            <td>
                                                                                <div align="left">
                                                                                    <%: Html.TextBoxFor(c => c.DienThoai)%>
                                                                                </div>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td class="Text-right">
                                                                                E-mail :
                                                                            </td>
                                                                            <td>
                                                                                <div align="left">
                                                                                    <%: Html.TextBoxFor(c => c.Email)%>
                                                                                </div>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td class="Text-right">
                                                                                Nội dung :
                                                                            </td>
                                                                            <td>
                                                                                <div align="left">
                                                                                    <%: Html.TextAreaFor(c => c.NoiDung)%>
                                                                                </div>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>
                                                                                &nbsp;
                                                                            </td>
                                                                            <td>
                                                                                <div align="left">
                                                                                    <table width="100%" cellspacing="0" cellpadding="0">
                                                                                        <tr>
                                                                                            <td width="14%" align="left">
                                                                                                <input type="image" name="imageField" id="imageField" src="<%= Url.Content("~/Images/bt-guidi.png")%>" />
                                                                                            </td>
                                                                                        </tr>
                                                                                    </table>
                                                                                </div>
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        <%} %>
    </td>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#Contactform").validate({
                rules:
            {
                Hoten: { required: true },
                DiaChi: { required: true },
                DienThoai: { required: true, digits: true },
                Email: { required: true, email: true },
                NoiDung: { required: true }
            },
                messages:
            {
                Hoten: { required: 'Hãy nhập họ tên.' },
                DiaChi: { required: 'Hãy nhập địa chỉ.' },
                DienThoai: { required: 'Hãy nhập điện thọai.', digits: 'Điện thọai phải là số.' },
                Email: { required: 'Hãy nhập email.', email: 'Email không hợp lệ.' },
                NoiDung: { required: 'Hãy nhập nội dung.' }
            }
            })
        });
    </script>
</asp:Content>
